<template>
	<view class="all">
		<view class="dingbu">
			<uni-row>
				<uni-col span="8" push="2">全部课程</uni-col>
				<uni-col span="8" push="3">已完成</uni-col>
				<uni-col span="8" push="3">未完成</uni-col>
			</uni-row>
		</view>
		<view class="dibu">
			<uni-row class="yilie">
				<uni-col span="8" push="2"><image src="../../static/logo.png" class="card-image1"></image></uni-col>
				<uni-col span="8" push="6" class="kecheng">瑜伽课</uni-col>
				<uni-col span="8" pull="4" class="jiaolian">教练名称:李某某</uni-col>
				<uni-col span="10" push="4" class="shijian">课程时间:10:00-12:00</uni-col>
			</uni-row>
			<uni-row class="yilie">
				<uni-col span="8" push="2"><image src="../../static/logo.png" class="card-image1"></image></uni-col>
				<uni-col span="8" push="6" class="kecheng">瑜伽课</uni-col>
				<uni-col span="8" pull="4" class="jiaolian">教练名称:李某某</uni-col>
				<uni-col span="10" push="4" class="shijian">课程时间:10:00-12:00</uni-col>
			</uni-row>
			<uni-row class="yilie">
				<uni-col span="8" push="2"><image src="../../static/logo.png" class="card-image1"></image></uni-col>
				<uni-col span="8" push="6" class="kecheng">瑜伽课</uni-col>
				<uni-col span="8" pull="4" class="jiaolian">教练名称:李某某</uni-col>
				<uni-col span="10" push="4" class="shijian">课程时间:10:10-12:00</uni-col>
			</uni-row>
			<uni-row class="yilie">
				<uni-col span="8" push="2"><image src="../../static/logo.png" class="card-image1"></image></uni-col>
				<uni-col span="8" push="6" class="kecheng">瑜伽课</uni-col>
				<uni-col span="8" pull="4" class="jiaolian">教练名称:李某某</uni-col>
				<uni-col span="10" push="4" class="shijian">课程时间:10:00-12:00</uni-col>
			</uni-row>
			<uni-row class="yilie">
				<uni-col span="8" push="2"><image src="../../static/logo.png" class="card-image1"></image></uni-col>
				<uni-col span="8" push="6" class="kecheng">瑜伽课</uni-col>
				<uni-col span="8" pull="4" class="jiaolian">教练名称:李某某</uni-col>
				<uni-col span="10" push="4" class="shijian">课程时间:10:00-12:00</uni-col>
			</uni-row>
			<uni-row class="yilie">
				<uni-col span="8" push="2"><image src="../../static/logo.png" class="card-image1"></image></uni-col>
				<uni-col span="8" push="6" class="kecheng">瑜伽课</uni-col>
				<uni-col span="8" pull="4" class="jiaolian">教练名称:李某某</uni-col>
				<uni-col span="10" push="4" class="shijian">课程时间:10:00-12:00</uni-col>
			</uni-row>
			<uni-row class="yilie">
				<uni-col span="8" push="2"><image src="../../static/logo.png" class="card-image1"></image></uni-col>
				<uni-col span="8" push="6" class="kecheng">瑜伽课</uni-col>
				<uni-col span="8" pull="4" class="jiaolian">教练名称:李某某</uni-col>
				<uni-col span="10" push="4" class="shijian">课程时间:10:00-12:00</uni-col>
			</uni-row>
			<uni-row class="yilie">
				<uni-col span="8" push="2"><image src="../../static/logo.png" class="card-image1"></image></uni-col>
				<uni-col span="8" push="6" class="kecheng">瑜伽课</uni-col>
				<uni-col span="8" pull="4" class="jiaolian">教练名称:李某某</uni-col>
				<uni-col span="10" push="4" class="shijian">课程时间:10:00-12:00</uni-col>
			</uni-row>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
};
</script>

<style lang="scss">
.shijian {
	top: 40px;
}
.jiaolian {
	top: 40px;
}
.all {
	background-color: #000000;
}
.dingbu {
	color: #ffffff;
	border-bottom: 1px solid gray; /* 添加灰色下边框 */
	margin-bottom: 10px; /* 设置下边距为10px */
	padding-bottom: 5px; /* 设置内容与边框之间的距离为5px */
}

.dibu {
	color: #ffffff;
	height: 100%;
}
.yilie {
	border-bottom: 1px solid gray; /* 添加灰色下边框 */
}
.card-image1 {
	width: 200px;
	height: 100px;
}
.kecheng {
	top: 20px;
}
</style>
